//覆盖一些element-ui样式

.el-breadcrumb__inner, .el-breadcrumb__inner a{
    font-weight: 400 !important;
}

.el-upload{
    input[type="file"]{
        display: none !important;
    }
}

.el-upload__input{
    display: none;
}

.cell{
    .el-tag{
        margin-right: 0;
    }
}

.small-padding{
    .cell{
        padding-left: 5px;
        padding-right: 5px;
    }
}

.fixed-width{
    .el-button--mini{
        padding: 7px 10px;
        width: 60px;
    }
}

.status-col{
    .cell{
        padding: 0 10px;
        text-align: center;
        .el-tag{
            margin-right: 0;
        }
    }
}

//暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog{
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
}

.el-tag-box{
    min-height: 36px;
    max-height: 110px;
    padding: 4px;
    border: 1px solid $border-color;
    border-radius: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transition: all .2s ease;
    .el-tag{
        margin-right: 2px;
    }
}

//文章页textarea修改样式
.article-textarea{
    textarea{
        padding-right: 40px;
        resize: none;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #bfcbd9;
    }
}

//element ui upload
.upload-container{
    .el-upload{
        width: 100%;
        .el-upload-dragger{
            width: 100%;
            height: 200px;
        }
    }
}

//dropdown
.el-dropdown-menu{
    a{
        display: block
    }
}

.el-table{
    width: 100%;
    .cell{
        .el-button{
            margin: 2px 5px;
        }
        .el-icon-circle-plus{
            font-size: 16px;
            color: $success;
        }
        .el-icon-remove{
            font-size: 16px;
            color: $error;
        }
    }
}

.el-table--medium td {
    padding: 10px 0;
}

.el-menu .router-link-active, .el-menu .router-link-active li{
    color: $primary !important;
}

.el-form{
    &.form-small{
        width: 60%;
        .el-input, .el-textarea, .el-select, .el-date-editor{
            width: 100%;
        }
    }
    .el-textarea .el-textarea__inner{
        height: 120px;
    }
    .el-input, .el-textarea, .el-select, .el-date-editor{
        width: 500px;
    }
    .form-tip-text{
        padding: 5px 0;
        color: $warn;
        font-size: 12px;
        line-height: 1.2em;
    }
}

.el-dialog{
    .el-form{
        width: 90%;
        .el-input, .el-textarea, .el-select, .el-date-editor{
            width: 100%;
        }
    }
    //.dialog-footer{
    //    @include clearfix();
    //    .el-button{
    //        float: right;
    //        margin: 0 5px;
    //    }
    //}
}

.el-checkbox{
    // margin-right: 20px;
    & + .el-checkbox{
        margin-left: 0;
    }
}

.el-popover{
    max-width: 700px;
}

.avatar-uploader{
    .el-upload{
        position: relative;
        width: 180px;
        height: 180px;
        line-height: 178px;
        text-align: center;
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        overflow: hidden;
        box-sizing: border-box;
    }
    .avatar-uploader-icon{
        font-size: 28px;
        color: #8c939d;
    }
    img, video{
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: 100%;
        max-height: 100%;
        transform: translate(-50%, -50%);
    }
}
